@import "mobile-commom.scss";
*{
    margin: 0;
    border: 0;
    // 头部
    header{
        position: fixed; 
      background-color: white;
        z-index: 999;
        @include box-page1(750,125);
        // 头部导航
        .topnav{
           display: flex;
           justify-content: space-between;
           position: absolute;
           align-items: center;
           top: vw(48);
           left: vw(23);
            @include box-page1(705,57);
            .back_btn{
                border-radius: vw(15);
               @include box-page1(123,57);
               a{
                   text-decoration: none;
                @include box-page1(123,57);
               }
                button{
                outline-style: none;
                font-size: vw(26);
                border-radius: vw(15);
                background-color: ffffff;
                @include box-page1(123,57);
                border: solid vw(2) #ff9344;
            }
            }
            .mine_title{
                @include box-page1(55,26); 
                span{
                    font-size: vw(26);
                    color: #000000;
                }
            }
            .mine_message{
             
                @include box-page1(62,56);
                a{
                    @include box-page1(62,56); 
                } 
                img{
                    @include box-page1(62,56);  
                }
            }
        }
    }
    // 主体
    main{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: vw(125);
       margin-bottom: vw(121);
        @include box-page1(750,1400);
        height: auto;

        .mine_top_menu {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            margin-bottom: vw(32);
        @include box-page1(704,347);
        // 个人登录
        .login_bar{
            position: relative;
            @include box-page1(704,170);
            .mine_hp{
                position: absolute;
                @include box-page1(170,170);  
                img{
                    @include box-page1(170,170);     
                }
            }
            .login_words{
                position: absolute;
                top: vw(34);
                left: vw(195);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                @include box-page1(155,92); 
             .words_top{
                font-size: vw(30);
                @include box-page1(120,29); 
             }   
             .words_bottom{
                font-size: vw(26);
                color: #9d9d9d;
                @include box-page1(160,26); 
             }
            }
            .right-arr{
                position: absolute;
                top: vw(60);
                 left: vw(664);
                @include box-page1(41,46); 
                img{
                    @include box-page1(41,46);  
                }
            }
        }
        .mine_usege{
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            @include box-page1(704,151);
            .mine_reviwes{
                position: relative;
                background-color: #b2e0a0;
                @include box-page1(195,151);
                a{
                    color: #000000;
                img{
                    position: absolute;
                    top: vw(20);
                    left: vw(58);
                    @include box-page1(79,82); 
                }
                p{  position: absolute;
                    font-size: vw(26);
                    top: vw(113);
                    left: vw(46);
                    @include box-page1(104,26);  
                } 
            }
            }
            .mine-collect{
                position: relative;
                background-color: #a0dce0;
                @include box-page1(195,151); 
                a{
                    color: #000000;
                
                img{
                    position: absolute;
                    top: vw(20);
                    left: vw(52);
                    @include box-page1(84,80); 
                }
                p{  position: absolute;
                    font-size: vw(26);
                    top: vw(113);
                    left: vw(47);
                    @include box-page1(104,26);  
                } 
             }
            }
            .mine_coupon{
                position: relative;
                background-color: #e0b7a0;
                @include box-page1(195,151); 
                a{
                    color: #000000;
                img{
                    position: absolute;
                    top: vw(21);
                    left: vw(33);
                    @include box-page1(124,81); 
                }
                p{  position: absolute;
                    font-size: vw(26);
                    top: vw(113);
                    left: vw(31);
                    @include box-page1(131,26);  
                }   
            }
            }
         }
     }
        .mine_mid_menu{
            display: flex;
            justify-content: space-between;
            flex-direction: column;
           
            margin-bottom: vw(36);
            @include box-page1(706,604);   
          .mine_wallet{
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              align-items: center;
            
            @include box-page1(706,74); 
            .left{
                display: flex;
                justify-content: space-between;
                flex-direction: row;
                align-items: center;
                @include box-page1(199,74);
                img{
                    @include box-page1(57,74);   
                }
                p{
                    font-size: vw(26);
                    @include box-page1(104,26);   
                }    
            }  
            .right{
                @include box-page1(80,24); 
                a{
                    display: flex;
                    text-decoration: none;
                    p{ 
                        color: #000000;
                        font-size: vw(24);
                    }
                    i{
                        color: orange;
                        padding-left: vw(6);
                        font-size: vw(26);
                    }
                }
            }
          }  
          .notyet_reviews{
           @extend .mine_wallet;
          }
          .find_friends{
            @include box-page1(706,58);
            @extend.mine_wallet;
            .left{
                img{
                    @include box-page1(94,58); 
                }
            }
          }
          .browsed{
              margin-bottom: vw(79);
            @include box-page1(706,59);
            @extend.mine_wallet;
            .left{
                img{
                    @include box-page1(59,59);
                }
            }
          }
          .settings{
              @extend.mine_wallet;
            @include box-page1(706,79);   
            .left{
                img{
                    @include box-page1(78,79);  
                }
            }
          }
          .connect{
              @extend.mine_wallet;
              @include box-page1(706,59); 
              .left{
                  img{
                    @include box-page1(84,59); 
                  }

              }
          }
        }
        .bottom_btn{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: vw(20);
            @include box-page1(538,76);  
            a{ 
                text-decoration: none;
                button{
                    font-size: vw(24);
                    color: white;
                    background-color: #ff9344;
                    border-radius: vw(76) vw(76) vw(76) vw(76);
                    @include box-page1(147,76);      
                }  
            }
        }
        
       
    }
}